.container {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: auto;
}

.problemTitle {
  margin: 8px 8px 12px 8px !important;
  padding-bottom: 8px;
  border-bottom: 1px solid #f0f0f0;
  color: #1f1f1f;
}

.table {
  height: 100%;
  margin: 0;
  padding: 0;
}

.table :global(.ant-table-wrapper) {
  height: 100%;
  margin: 0;
  padding: 0;
}

.table :global(.ant-table) {
  background: transparent;
}

.table :global(.ant-table-container) {
  border: none !important;
}

.table :global(.ant-table-thead > tr > th) {
  background: #f5f5f5;
  font-weight: 500;
  padding: 10px 8px;
}

.table :global(.ant-table-thead > tr:first-child > th:first-child) {
  padding-left: 8px;
}

.table :global(.ant-table-tbody > tr > td) {
  padding: 8px;
  border-bottom: 1px solid #f0f0f0;
}

.table :global(.ant-spin-nested-loading) {
  height: 100%;
}

.table :global(.ant-spin-container) {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.table :global(.ant-table) {
  flex: 1;
}

.table :global(.ant-table-pagination.ant-pagination) {
  margin: 12px 8px;
}

.table :global(.ant-table-expanded-row) td {
  background: #f9f9f9 !important;
  padding: 12px 16px !important;
}

.table :global(.ant-table-row:hover) {
  cursor: pointer;
}

.emptyContent {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 40px 0;
} 